@import "tailwindcss";
@import "@retrom/ui/styles/index.css";

@custom-variant focus-hover (&:is(:focus,:hover));

@layer base {
  * {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  #sn-debug,
  #sn-layouts {
    pointer-events: none;
    touch-action: none;
  }

  body {
    @apply bg-background text-foreground;
    font-family: Exo2;
  }

  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-border, currentColor);
  }
}
